<template>
  <view class="mz-form-item">
    <view class="mz-form-item__main">
      <slot></slot>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      list: [1, 2, 3, 4]
    };
  }
};
</script>

<style lang="scss">
$padding: 30rpx;

$padding-top: 24rpx;

.mz-form-item {
  background-color: #ffffff;
  padding-left: $padding;
  .mz-form-item__main {
    // padding-top: $padding-top;
    // padding-bottom: $padding-top;
    height: 100rpx;
    border-bottom: 1px solid $uni-bg-color-grey;
    padding-right: $padding;
  }

  &:last-child .mz-form-item__main {
    border: 0;
  }
}
</style>
